<template>
    <header>
        <span @click="back">返回</span>
        <span>{{title || '标题没传'}}</span>
        <span>更多</span>
    </header>
</template>

<script>
export default {
    props: ['title'],
    data(){
        return{
        }
    },
    methods: {
        back(){
            this.$router.back();
        }
    }
}
</script>

<style scoped>
header{
    background: blue;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    line-height: 50px;
    color: white;
}
header span{
    height: 100%;
}
</style>
